<template>
  <div>
    <section>
      <div class="section-header">企业人员</div>
      <div class="section-content">
        <a-row>
          <a-col :sm="12" :md="8" :xl="8"><span>企业总人数:</span><span>{{companyInfo.totalNumber}}</span></a-col>
          <a-col :sm="12" :md="8" :xl="8"><span>研发人员数:</span><span>{{companyInfo.developmentNumber}}</span></a-col>
          <a-col :sm="12" :md="8" :xl="8"><span>研发人员占比:</span><span>{{companyInfo.developmentRatio}}%</span></a-col>
        </a-row>
        <a-row>
          <a-col :sm="12" :md="8" :xl="8"><span>博士学位人数:</span><span>{{companyInfo.doctorNumber}}</span></a-col>
          <a-col :sm="12" :md="8" :xl="8"><span>硕士学位人数:</span><span>{{companyInfo.masterNumber}}</span></a-col>
          <a-col :sm="12" :md="8" :xl="8"><span>本科学历人数:</span><span>{{companyInfo.undergraduateNumber}}</span></a-col>
        </a-row>
        <a-row>
          <a-col :sm="12" :md="8" :xl="8"><span>大专及以上人数:</span><span>{{companyInfo.juniorCollegeAboveNumber}}</span></a-col>
        </a-row>
      </div>
      <a-divider style="margin: 20px 0;" />
      <div class="section-header">知识产权</div>
      <div class="section-content">
        <a-row>
          <a-col :sm="12" :md="8" :xl="8"><span>国内专利总数:</span><span>{{companyInfo.totalDomesticPatents}}</span></a-col>
          <a-col :sm="12" :md="8" :xl="8"><span>国内发明专利:</span><span>{{companyInfo.domesticInventionPatent}}</span></a-col>
          <a-col :sm="12" :md="8" :xl="8"><span>国内实用新型:</span><span>{{companyInfo.domesticUtilityModel}}</span></a-col>
        </a-row>
        <a-row>
          <a-col :sm="12" :md="8" :xl="8"><span>知识产权总数:</span><span>{{companyInfo.totalIntellectualProperty}}</span></a-col>
          <a-col :sm="12" :md="8" :xl="8"><span>软件著作权:</span><span>{{companyInfo.softwareCopyright}}</span></a-col>
          <a-col :sm="12" :md="8" :xl="8"><span>PCT专利:</span><span>{{companyInfo.pclNumber}}</span></a-col>
        </a-row>
      </div>
    </section>
  </div>
</template>
<script>
import { getAction } from '@/api/manage'

export default {
  name: 'InfoScale',
  props: {
    companyId: {
      type: String,
      default: '',
    },
  },
  data() {
    return {
      companyInfo: {},
    }
  },
  mounted() {
    this.queryByCompanyData()
  },
  methods: {
    /**
     * 规模信息
     */
    queryByCompanyData() {
      getAction('/libraryCompany/hteLibCompanySizeInfo/queryByCompanyId', {companyId: this.companyId}).then((res) => {
        if (res.success) {          
          this.companyInfo = res.result;
        } else {
          // this.$message.warning('数据加载失败:' + res.message)          
        }
      })
    },
  },
}
</script>
<style lang="less" scoped>
@import '~@assets/less/hte-main.less';
.section-content{
    padding-left: 33px;
    /deep/ .ant-row{margin-bottom: 13px;
      &:first-child{display: flex;align-items: flex-end;flex-wrap: wrap;}
      &:last-child{margin-bottom: 0;}
    }
    /deep/ .ant-col{color: #333333;display: flex;
      span{position: relative;
        &:first-child{
          padding-left: 15px;
          &:before{
            display: inline-block;content: '';background: url('../../../../assets/dbcircle.png');width: 11px;height: 12px;
            border-radius: 6px;top: 5px;left: 0;position: absolute;
          }
        }
        &:last-child{flex: 1;color: #666666;padding-left: 8px;}
      }
    }
  }
</style>